// pages/home/proDetail/proDetail.js
const app = getApp()
import {
  request
} from '../../../utils/api'
import Dialog from '../../../vant/dialog/dialog';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 自定义nav
    statusBarHeight1: app.globalData.statusBarHeight + 45,
    // 当前选中的切换兰
    active: "1",
    // 弹出付款盒子
    showPay: false,
    // 项目id
    projId: '',
    // 项目详情
    projDetail: {},
    // 图片基础路径
    imgBaseUrl: app.globalData.imgBaseUrl,
    // 参与招标人列表
    joinPeopleList: [],
    // 进度管理列表
    jinduList: [],
    // 资金管理
    ziJinList: [],
    // 支付金额
    payNum: '',
    // 支付订单号
    payOrderNUm: '',
    openId: '',
    // 项目进度详情弹窗开关
    showPopup: false,
    nodes: '',
    // 是否可以查看  项目进度和资金进度
    isLook: '',
    // 接单弹窗里的  选择的单选框数据
    mjList: [],
    // 接单弹窗里的  选择的单选框数据
    myMajor: '',
    // 是否吸顶
    isXi: false,
    scrollHeight: ''
  },
  // 返回
  goBack() {
    wx.navigateBack({
      delta: 1
    })
  },
  // 获取滚动条的位置
  onPageScroll(e) {
    console.log(e);
    if (e.scrollTop >= this.data.scrollHeight) {
      this.setData({
        isXi: true
      })
    } else {
      this.setData({
        isXi: false
      })
    }
  },
  // 切换事件
  onZtabs(e) {
    // console.log(e);
    // e.currentTarget.dataset.id
    if (e.currentTarget.dataset.id == 3 || e.currentTarget.dataset.id == 4) {
      // 1  不可以查看     2  可以查看    项目进度和资金进度
      if (this.data.isLook == 1) {
        wx.showToast({
          title: '参与投标才能查看哦',
          icon: 'none'
        })
        return
      }
    }
    this.setData({
      active: e.currentTarget.dataset.id
    })
  },
  // 跳转到人才详情
  talentDetail(e) {
    let userId = e.currentTarget.dataset.userid
    console.log('人才详情');
    wx.navigateTo({
      url: '/pages/talents/talentsDetail/talentDetail?userId=' + userId,
    })
  },
  // 免费发布
  onFabu() {
    console.log('发布');
    wx.getStorage({
      key: 'userInfo',
      success: (res) => {
        console.log(res);
        wx.navigateTo({
          url: '/pages/home/issuePro/issuePro',
        })
      },
      fail: (res1) => {
      Dialog.confirm({
          title: '提示',
          confirmButtonText: '立即登录',
          message: '您暂未登录，请先登录才能发布项目',
        })
        .then(() => {
          wx.redirectTo({
            url: '/pages/login/login',
          })
        })
        .catch(() => {
          // on cancel
          Dialog.close()
        });
       
      }
    })
    
    
  },
  // 查询接单时的专业
  getRadioList() {
    request({
      url: '/zhongyisheji-applet/lookProject/public/selectProjectZhuanYe',
      method: 'post',
      data: {
        projectId: this.data.projId
      }
    }).then(res => {
      console.log(res);
      if (res.code == 200 && res.data.length != 0) {
        this.setData({
          mjList: res.data,
          myMajor: res.data[0].zhuanyeId
        })
        this.getJieDanMoney(res.data[0].zhuanyeId)
      }
    })
  },
  // 根据专业 查询支付金额
  getJieDanMoney(id) {
    request({
      url: '/zhongyisheji-applet/lookProject/public/selectPayMoney',
      method: 'post',
      data: {
        projectId: this.data.projId,
        zhuanyeId: id
      }
    }).then(res => {
      if (res.code == 200) {
        this.setData({
          payNum: res.data.payMoney,
        })
      }
    })
  },
  // 我要接单
  onJieDan() {
    console.log('接单');
    this.setData({
      showPay: true
    })
    this.getRadioList()

  },
  // 接单弹窗里的 专业选择事件
  onMajorChange(event) {
    console.log(event);
    this.setData({
      myMajor: event.detail,
    });
    this.getJieDanMoney(event.detail)
  },
  // 关闭弹出层
  onClose() {
    this.setData({
      showPay: false
    });
  },
  // 确认支付
  goPay() {
    console.log('确认支付');
    // orderNum = res.data.orderNumber
    // 先生成订单
    request({
      url: '/zhongyisheji-applet/lookProject/private/woyaojiedan',
      method: 'post',
      data: {
        projectId: this.data.projId,
        specialtyName: this.data.myMajor
      }
    }).then(res => {
      if (res.code == 200) {
        // this.setData({
        //   payNum: res.data.payMoney,
        //   payOrderNUm: res.data.ordeNumber,
        //   showPay: true
        // })
        // 发起支付
        request({
          url: '/zhongyisheji-applet/pay/launchWxPay',
          method: 'post',
          data: {
            orderNumber: res.data.ordeNumber,
            openid: this.data.openId
          }
        }).then(res1 => {
          console.log(res1);
          if (res1.code == 200) {
            //  拉起微信祝支付
            wx.requestPayment({
              appId: res1.appId,
              timeStamp: res1.data.timeStamp,
              nonceStr: res1.data.nonce_str,
              package: res1.data.package,
              signType: res1.data.signType,
              paySign: res1.data.paySign,
              success: (res) => {
                console.log('支付成功');
                // 付款成功跳转到  我的订单
                // wx.navigateTo({
                //   url: '/pages/mine/myOrder/myOrder',
                // })
                wx.showToast({
                  title: '支付成功'
                })
                this.setData({
                  showPay: false
                })
              },
              fail(res) {
                console.log(res);
                wx.showToast({
                  title: '付款失败！',
                  icon: 'none'
                })
                this.setData({
                  showPay: false
                })
              }
            })
          }
        })
      } else {
        wx.showToast({
          title: res.msg,
          icon: 'none'
        })
      }
    })

  },
  // 下载文件
  onDownload(e) {
    console.log('文件', e);
    // 先判断是否有权限下载
    request({
      url: '/zhongyisheji-applet/lookProject/public/downZiliao',
      method: 'post',
      data: {
        projectId: this.data.projId
      }
    }).then(res => {
      if (res.code != 200) {
        wx.showToast({
          title: res.msg,
          icon: 'none'
        })
        return
      }
      // 显示提示窗
      wx.showLoading({
        title: '下载中...',
      })
      // let type = 'word'
      let url = this.data.imgBaseUrl + e.currentTarget.dataset.url;
      let type = url.split('.').pop()
      // switch (type) {
      //   case "pdf":
      //     url += 'pdf';
      //     break;
      //   case "word":
      //     url += 'docx';
      //     break;
      //   case "excel":
      //     url += 'xlsx';
      //     break;
      //   default:
      //     url += 'pptx';
      //     break;
      // }

      // 本地存储文件大小限制10m 所以先清除之前下载的
      wx.getSavedFileList({ // 获取文件列表
        success(res) {
          res.fileList.forEach((val, key) => { // 遍历文件列表里的数据
            // 删除存储的垃圾数据
            wx.removeSavedFile({
              filePath: val.filePath
            });
          })
        }
      })
      wx.downloadFile({
        url: url,
        header: {
          "productCode": 'wgs-wechat'
        },
        success: function (res) {
          console.log(res)
          var filePath = res.tempFilePath;

          console.log(filePath);
          wx.saveFile({
            tempFilePath: filePath,
            success: res => {
              console.log('保存成功', res);
              // 隐藏提示框
              wx.hideLoading()
              wx.openDocument({
                fileType: type,
                filePath: res.savedFilePath,
                success: function (res) {
                  console.log('打开文档成功')

                },
                fail: function (res) {
                  console.log(res);
                },
                complete: function (res) {
                  console.log(res);
                }
              })
            },
            fail: err => {
              console.log('保存失败', err);

            }
          })

        },
        fail: function (res) {
          console.log('文件下载失败');
        },
        complete: function (res) {},
      })
    })
  },
  // 显示进度详情
  showDetail(e) {
    console.log(e);
    this.setData({
      showPopup: true,
      nodes: e.currentTarget.dataset.richtext.split('|')
    })
  },
  // 进度里的图片预览
  onPreviewImg(e) {
    wx.previewImage({

      urls: [this.data.imgBaseUrl + e.currentTarget.dataset.imgurl] // 需要预览的图片http链接列表
    })
  },
  // 关闭进度详情
  onClose11() {
    this.setData({
      showPopup: false
    })
  },
  // 获取项目详情
  getProjDetail(projId) {
    request({
      url: '/zhongyisheji-applet/lookProject/private/projectDetils',
      method: 'post',
      data: {
        projectId: projId
      }
    }).then(res => {
      console.log(res);
      if (res.code == 200) {
        if (res.data.listJoinUser.length != 0) {
          res.data.listJoinUser.filter(item => {

            item.userInfoList.filter(item1 => {
              // console.log(item1.address);
              item1.address = item1.address.split('-')
            })
          })
        }
        if (res.data.jinduList && res.data.jinduList.length != 0) {
          res.data.jinduList.filter(item => {
            item.time = {
              year: item.time.slice(0, 4),
              month: item.time.slice(5, 7),
              day: item.time.slice(8, 10)
            }
            item.planDetails = JSON.parse(item.planDetails)
          })
        }
        if (res.data.zijinList && res.data.zijinList.length != 0) {
          res.data.zijinList.filter(item => {
            item.time = {
              year: item.time.slice(0, 4),
              month: item.time.slice(5, 7),
              day: item.time.slice(8, 10)
            }
            item.planDetails = JSON.parse(item.planDetails)
          })
        }
        if (res.data.detils) {
          res.data.detils.zhuanyeNeed1 = res.data.detils.zhuanyeNeed.split(',')
          // res.data.detils.projectOverview = JSON.parse(res.data.detils.projectOverview)
        }
        this.setData({
          projDetail: res.data.detils,
          joinPeopleList: res.data.listJoinUser,
          jinduList: res.data.jinduList,
          ziJinList: res.data.zijinList,
          isLook: res.data.isLook
        })
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let projId = options.projId
    let that = this
    this.setData({
      projId: projId
    })
    wx.getStorage({
      key: 'codeData',
      success: res => {
        this.setData({
          openId: res.data.openid
        })
      }
    })
    console.log(projId);
    this.getProjDetail(projId)
    wx.createSelectorQuery().select('#select').boundingClientRect(function (rect) {
      console.log(rect.top);
      that.setData({
        scrollHeight: rect.top - that.data.statusBarHeight1
      })
    }).exec()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  // onShareAppMessage: function () {

  // }
})